<template>
  <div class="all">
    <div class="C-nav">
      <el-date-picker
                v-model="time"
                type="daterange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
                value-format="yyyy-MM-dd"
                size="mini"
                >
              </el-date-picker>

              <span>  管理员：<el-input type="text" value="" placeholder="请输入管理员" v-model="date.condition.admin" size="mini"></el-input></span>
               <span>充值用户名：<el-input type="text" value="" placeholder="请输入管理员" v-model="date.condition.userName" size="mini"></el-input></span>
      <span><el-button type="primary" icon="el-icon-search" @click="search()" size="mini">搜索</el-button></span>
    </div>
<div class="C-body">
<ListTbale :date="date" ref="child"></ListTbale>

  </div>
</div>
  </div>
</template>

<script>
  export default {
      data() {
        return {
          time:'',
          date:{
            condition:{
              pageIndex:1,
              pageSize:20,
              quantity:0,
            },
            list:[],
            url:{
              post:'admin/user/coin/addDetail'
            },
            header:{
              username:'用户名',
              addCoin:'加值数',
              addTime:'加值时间',
              adminName:'操作员',
              ip:'操作IP',
            },
          },
          }
          },
           methods:{
             search(){
              this.$refs.child.search(this.time);
             },
            }

          }
</script>

<style scoped>
  .C-nav{
    display: inline-flex;
    border-bottom: 1px solid #eee;
    height: 45px;
    width: 100%;
  }
  span{
    display: flex;
    width: 257px;
    font-size: 14px;
    margin-left: 5px;
    line-height: 30px;
        height: 30px;
  }
  input{
    border: 1px solid #DCDFE6;
    border-radius: 5px;
  }
  .Page{
    margin: auto;
    width: 50%;
  }
  tr{
    text-align: center;
  }
  th{
        height: 30px;
        background: #eef3f7;
        border-bottom: 1px solid #d5dfe8;
        font-weight: normal;
  }
  td{
    border-bottom: 1px solid #eee;
    height: 30px;
  }
</style>
